$(function () {
    // 去注册
    $('#link_reg').on('click', function () {
        $('.login-box').css('display', 'none')
        $('.reg-box').css('display', 'block')
        // $('.login-box').hide()
        // $('.reg-box').show()
    })
    // 去登录
    $('#link_login').on('click', function () {
        $('.login-box').css('display', 'block')
        $('.reg-box').css('display', 'none')
        // $('.login-box').show()
        // $('.reg-box').hide()
    })


    //从 layui 中获取 form 对象
    var form = layui.form
    //通过 from.verify() 函数自定义校验规则
    form.verify({
        // [正则表达式规则, 出错了的提示信息]
        pwd: [/^[\S]{6,12}$/, //   /s 代表 空格 回车 换行  /S 取反禁止这些
            '密码必须为6-12位,且不能为空'
        ],
        // 校验两次密码是否一致的规则
        repwd: function (value) {
            //通过形参拿到的是确认密码框的内容
            //还需要拿到密码框中的内容
            //然后进行一次等于判断
            //如果判断失败,则return一个提示信息即可
            var pwd1 = $('.reg-box [name="password"]').val()
            if (pwd1 != value) {
                return '两次密码不一致'
            }
            // if ($('[name="password"]').val() != value) {
            //     return '两次密码不一致'
            // }
        }
    })

    //监听注册表单的提交事件
    var data = {
        username: $('.reg-box [name=username]').val(),
        password: $('.reg-box [name=password]').val()
    }
    $('#form_reg').submit(function (e) {
        //阻止表单默认事件
        e.preventDefault();
        // console.log(123);
        $.post('/api/reguser', {
            username: $('.reg-box [name=username]').val(),
            password: $('.reg-box [name=password]').val()},
            function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message);
                }
                // console.log('注册成功');
                layer.msg('注册成功');
                //模拟注册后跳转登录界面
                $('#link_login').click()
            }
        )
    })
     //监听登录表单的提交事件
    $('#form_login').on('submit', function (e) {
        e.preventDefault();
        $.ajax({
            method:'POST',
            url: '/api/login',
            data: $(this).serialize(), //快速收集表单数据
            success: function (res) {
                // console.log(res);
                if (res.status != 0) {
                    return layer.msg('登录失败')
                }
                layer.msg('登录成功');
                localStorage.setItem('token',res.token)
                // console.log(res.token);
                location.href = '/index.html'
            }
            
        })
    })
})